
/* -- General styles ------------------------------ */

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FFF;
	font-size: 12px;
}

h1 {
	color:#0B55C4;
	font-size:20px;
	font-weight:bold;
	margin:0;
	padding-bottom:8px;
}

td, th { font-family: Arial, Helvetica, sans-serif; }
a:link    { color: #0B55C4; text-decoration: none; }
a:visited { color: #0B55C4; text-decoration: none; }
a:hover   { text-decoration: underline; }


fieldset {
	background: #fff;
	margin: 0 10px 10px 10px;
	border: 1px #ccc solid;
	padding: 5px;
	text-align: left;
}

fieldset p {  margin: 10px 0px;  }

legend    {
	color: #0B55C4;
	font-size: 12px;
	font-weight: bold;
}

input, select { font-size: 12px;  border: 1px solid silver; }
textarea      { font-size: 12px;  border: 1px solid silver; }
button        { font-size: 12px;  padding:0 10px; }

input.disabled { background-color: #F0F0F0; }

input.button  { cursor: pointer;   }

input:focus,
select:focus,
textarea:focus { background-color: #ffd }

.clr { clear: both; overflow:hidden; height: 0; }
a, img { padding: 0; margin: 0; }

img { border: 0 none; }

ul li {
	list-style:none;
}

form { margin: 0; padding: 0; }
/* -- overall styles ------------------------------ */
#toolbar-box 			{ background: #fbfbfb; margin: 30px 10px 10px 10px; }
#element-box { margin: 0 10px; }
#submenu-box { background: #f6f6f6; margin: 10px; }
#submenu-box .padding { padding: 0px;}
#content-box {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#border-top.h_green          { background: url(../images/h_green/j_header_middle.png) repeat-x; }
#border-top.h_green div      { background: url(../images/h_green/j_header_right.png) 100% 0 no-repeat; }
#border-top.h_green div div  { background: url(../images/h_green/j_header_left_rtl.png) no-repeat; height: 54px; }

#border-top .title {
	font-size: 22px; font-weight: bold; color: #fff; line-height: 44px;
	text-align: left;
}
#border-bottom 			{ background: url(../images/j_bottom.png) repeat-x; }
#border-bottom div  		{ background: url(../images/j_corner_br.png) 100% 0 no-repeat; }
#border-bottom div div 	{ background: url(../images/j_corner_bl.png) no-repeat; height: 11px; }
#content-box .padding  { padding: 10px 10px 0 10px; }
/** toolbar **/
ul#submenu{ width:100%; overflow:hidden;}

div.header {
	font-size: 22px; font-weight: bold; color: #0B55C4; line-height: 48px;
	padding-left: 55px;
	text-align: left;
	background-repeat: no-repeat;
	margin-left: 10px;
	height:50px;
}

div.header span { color: #666; }

div.configuration {
	font-size: 14px; font-weight: bold; color: #0B55C4; line-height: 16px;
	padding-left: 30px;
	margin-left: 10px;
	background-image: url(../images/menu/icon-16-config.png);
	background-repeat: no-repeat;
	
}

div.toolbar { text-align: right; padding: 0; position:absolute; right:20px; top:0px; }

table.toolbar    			 { border-collapse: collapse; padding: 0; margin: 0;  }
table.toolbar td 			 { padding: 0px 1px 0px 4px; text-align: center; color: #666; height: 48px; overflow:hidden; width:50px; }
table.toolbar td.spacer  { width: 10px; }
table.toolbar td.divider { border-right: 1px solid #eee; width: 5px; }

table.toolbar span { width: 32px; height: 32px; margin: 0 auto; display:block; overflow:hidden;}

table.toolbar a {
    display: block; float: left;
	white-space: nowrap;
	border: 1px solid #fbfbfb;
	padding: 1px 5px;
	cursor: pointer;
}

table.toolbar a:hover {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	color: #0B55C4;
}


/* standard form style table */
div.col { float: left; }
div.width-45 { width: 45%; }
div.width-55 { width: 55%; }
div.width-50 { width: 50%; }
div.width-70 { width: 70%; }
div.width-30 { width: 30%; }
div.width-60 { width: 60%; }
div.width-65 { width: 65%; }
div.width-40 { width: 40%; }
div.width-80 { width: 80%; }
div.width-90 { width: 90%; }
div.width-100 { width: 100%; }

table.admintable td 					 { padding: 3px; }
table.admintable td.key,
table.admintable td.paramlist_key {
	background-color: #f6f6f6;
	text-align: right;
	font-size: 12px;
	width: 150px;
	color: #666;
	font-weight: bold;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
}

table.adminform {
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	width: 100%;
	border-collapse: collapse;
	margin: 8px 0 10px 0;
	margin-bottom: 15px;
	width: 100%;
}
table.adminform.nospace { margin-bottom: 0; }


table.adminform th {
	font-size: 12px;
	padding: 6px 2px 4px 4px;
	text-align: left;
	height: 25px;
	color: #000;
	background-repeat: repeat;
}
table.adminform td { padding: 3px; text-align: left; }

table.adminform td.filter{
	text-align: left;
}

table.adminform td.helpMenu{
	text-align: right;
}



div#width-100 {
  background: #f7f7f7;
}

legend    {
	color: #146295;
	font-size: 13px;
	font-weight: bold;
}

/* -- PANE SLIDER STYLES ----------------------------- */

.pane-sliders .title {
	margin: 0;
	padding: 2px 2px 2px 5px;
	color: #666;
	cursor: pointer;
	font-size:12px;
	font-weight: normal;
}

#content-pane { margin: 8px 10px 15px 15px;}

.pane-sliders .panel   		{ border: 1px solid #ccc; margin-bottom: 3px; }
.pane-sliders .panel  	{ background: #fafafa; color: #666}
.pane-sliders .content 		{ background: #fff; }
.pane-sliders .adminlist   	{ border: 0 none;  font-size: 12px; }
.pane-sliders .adminlist td { border: 0 none; }
.pane-sliders .adminlist.row0 td label { font-weight: bold; }
.pane-toggler span     	{ background: transparent url(../images/j_arrow.png) 5px 50% no-repeat; padding-left: 20px;}
.pane-toggler-down span 	{ background: transparent url(../images/j_arrow_down.png) 5px 50% no-repeat; padding-left: 20px;}
.pane-toggler-down 		{ border-bottom: 1px solid #ccc; }

.pane-toggler-down a:hover,
.pane-toggler a:hover {
	text-decoration: none;
}

.pane-slider ol li {
	list-style:none;
	margin-left:-25px;	
	margin-top: 10px;
}

/** Table styles **/

table.adminlist {
	width: 97%;
	margin: 8px 0 10px 10px;
	border-spacing: 1px;
	background-color: #e7e7e7;
	color: #666;
}

table.adminlist td,
table.adminlist th { padding: 4px; }

table.adminlist thead th {
	text-align: center;
	background: #f0f0f0;
	color: #666;
	border-bottom: 1px solid #999;
	border-left: 1px solid #fff;
}

table.adminlist thead a:hover { text-decoration: none; }

table.adminlist thead th img { vertical-align: middle; }

table.adminlist tbody th { font-weight: bold; }

table.adminlist tbody tr			{ background-color: #fff;  text-align: left; }
table.adminlist tbody tr.row1 	{ background: #f9f9f9; border-top: 1px solid #fff; }

table.adminlist tbody tr.row0:hover td,
table.adminlist tbody tr.row1:hover td,
table.adminlist tbody tr.row0row2:hover td,
table.adminlist tbody tr.row1row2:hover td  { background-color: #ffd ; }

table.adminlist tbody tr.row0row2 td ,
table.adminlist tbody tr.row1row2 td { background-color: #CCFFCC ; }

table.adminlist tbody tr td 	   { height: 25px; background: #fff; border: 1px solid #fff; }
table.adminlist tbody tr.row1 td { background: #f9f9f9; border-top: 1px solid #FFF; }


table.adminlist tbody tr.hover 	{ background: #ffd; border-top: 1px solid #fff; }
table.adminlist tbody tr.hover  td	{ background: #ffd; border-top: 1px solid #fff; }

table.adminlist tfoot tr { text-align: center;  color: #333; }
table.adminlist tfoot td,
table.adminlist tfoot th { background-color: #f3f3f3; border-top: 1px solid #999; text-align: center; }

table.adminlist td.order 		{ text-align: center; white-space: nowrap; }
table.adminlist td.order span { float: left; display: block; width: 20px; text-align: center; }

table.adminlist .pagination { display:table; padding:0;  margin:0 auto;	 }

.pagination div.limit {
	float: left;
	height: 22px;
	line-height: 22px;
	margin: 0 10px;
}


/** stu nicholls solution for centering divs **/
.container {clear:both; text-decoration:none;}
* html .container {display:inline-block;}

/** table solution for global config **/
table.noshow   		 { width: 100%; border-collapse: collapse; padding: 0; margin: 0;}
table.noshow tr 		 { vertical-align: top; }
table.noshow td 		 { }
table.noshow fieldset { margin: 15px 7px 7px 7px; }
.nodisplay{display:none;}
#editor-xtd-buttons { padding: 5px; }

/* -- buttons -> Pagging*/

.button1,
.button1 div{
	height: 1%;
	float: right;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button1 { background: url(../images/j_button1_left.png) no-repeat; white-space: nowrap; padding-left: 10px; margin-left: 5px;}

.button1 .next { background: url(../images/j_button1_next.png) 100% 0 no-repeat; }

.button1 a {
	display: block;
	height: 26px;
	float: left;
	line-height: 26px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	cursor: pointer;
	padding: 0 30px 0 6px;
}

.button1 a:hover { text-decoration: none; color: #0B55C4; }

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 12px;
	color: #333;
	cursor: pointer;
}

.button2-left span,
.button2-right span { cursor: default; color: #999; }

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span,
.button2-left .blank a,
.button2-right .blank a,
.button2-left .blank span,
.button2-right .blank span { padding: 0 6px; }

.page span,
.blank span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover { text-decoration: none; color: #0B55C4; }

.button2-left a,
.button2-left span { padding: 0 24px 0 6px; }

.button2-right a,
.button2-right span { padding: 0 6px 0 24px; }

.button2-left { background: url(../images/j_button2_left.png) no-repeat; float: left; margin-left: 5px; }

.button2-right { background: url(../images/j_button2_right.png) 100% 0 no-repeat; float: left; margin-left: 5px; }

.button2-right .prev { background: url(../images/j_button2_prev.png) no-repeat; }

.button2-right.off .prev { background: url(../images/j_button2_prev_off.png) no-repeat; }

.button2-right .start { background: url(../images/j_button2_first.png) no-repeat; }

.button2-right.off .start { background: url(../images/j_button2_first_off.png) no-repeat; }

.button2-left .page,
.button2-left .blank { background: url(../images/j_button2_right_cap.png) 100% 0 no-repeat; }

.button2-left .next { background: url(../images/j_button2_next.png) 100% 0 no-repeat; }

.button2-left.off .next { background: url(../images/j_button2_next_off.png) 100% 0 no-repeat; }

.button2-left .end { background: url(../images/j_button2_last.png) 100% 0 no-repeat; }

.button2-left.off .end { background: url(../images/j_button2_last_off.png) 100% 0 no-repeat; }

.button2-left .image 		{ background: url(../images/j_button2_image.png) 100% 0 no-repeat; }
.button2-left .readmore 	{ background: url(../images/j_button2_readmore.png) 100% 0 no-repeat; }
.button2-left .pagebreak 	{ background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat; }
.button2-left .blank	 	{ background: url(../images/j_button2_blank.png) 100% 0 no-repeat; }

/* -- TOOLTIP STYLES ----------------------------- */

.tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 240px;
	z-index: 50;
}

.tip-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../images/selector-arrow.png) no-repeat;
}

.tip-text {
	font-size: 100%;
	margin: 0;
}

/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(../images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}
/* login */
.login-submit {
	border: 0;
	padding: 0;
	margin: 0;
	width: 0px;
	height: 0px;
}

/* System Messages */
#system-message    { margin-bottom: 10px; padding: 0;text-align:left;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0 10px 0 10px; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}


/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message ul { background: #C3D2E5 url(../images/notice-info.png) 4px center no-repeat;}

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../images/notice-alert.png) 4px top no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../images/notice-note.png) 4px top no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

#progressbox			{ border:1px solid #ccc; width:520px; height:20px; }
#progressperc			{ background:#87D601; height:20px; }

/*______________top_________________________________________*/
*{ margin:0px; padding:0px;}
.top{ width:100%; height:65px;  overflow:hidden;  background:#f4f7fb;}
.top_admin{ color:#777777; position:absolute; right:200px; top:30px; height:30px; line-height:38px; }
.top_top img{ width:20px; height:16px; }
.top_bottom{ position:relative; overflow:hidden; height:65px;}
.top_left{ width:175px; height:64px; position:absolute; left:0px; top:0px; overflow:hidden; border-bottom:1px solid #119fcf;}
.top_left img{ width:170px; margin-top:5px; border:none;}
.top_right{ width:100%; height:65px; margin-left:170px;  overflow:hidden; position:relative;}
*+html .top_right{ margin-left:168px;}
.top_right_top{ width:100%; height:30px; }
.top_list{ height:30px;  }
.top_right ul{  }
.top_right ul li{ float:left; width:80px; height:30px;  background:url(../images/li1bg.gif) no-repeat 0px 0px; margin-right:2px;}
.top_right ul li a{ display:block; text-align:center; height:30px; text-decoration:none; padding-top:12px; font-weight:bold; color:#40a0d7;}
.top_right ul li a:hover{ text-decoration:underline;}
.top_right_bottom{ width:100%; height:5px; background:#119fcf; font-size:0px; _margin-top:-12px;}
.li_ok{ background:url(../images/libg.gif) no-repeat 0px 0px; color:#FFFFFF;}
.clicka{background:url(../images/libg.gif) no-repeat 0px 0px; color:#FFFFFF;}
.clickb{ background:none;  color:#4a9ab3;}



/*______________left_________________________________________*/
.bottom table{ }
.bottom table td{ font-size:12px;}
.left{  background:#f4f7fb; text-align:left; height:auto !important; height:497px; *height:550px; min-height:497px; *min-height:550px; border-right:4px solid #119fcf; border-bottom:1px solid #119fcf; position:relative;}
.left_top{ width:170px; border-bottom:1px solid #119fcf; height:25px; overflow:auto; line-height:25px; text-align:center;}
.left_top a{ color:#666666; text-decoration:none;}
.left_top a:hover{ color:#0066FF; text-decoration:underline;}
.left_content{}
.left_u{ margin:0px auto; height:auto !important; min-height:426px; min-height:425px\9; *height:466px; *min-height:466px; }
.left_content ul{ margin-top:10px; }
.left_content ul.pt li{ height:27px; line-height:26px;  margin-bottom:1px; *margin-bottom:0px; *margin-top:-3px;}
.left_content ul.pt li a{ text-decoration:none; color:#777777; display:block;  padding-left:30px; }
.left_content ul.pt li a:hover{ background-color:#e7f6fc;}
.left_clicka{ background:url(../images/left_li.gif) repeat-y right top;}
.left_clicka:hover{ background:none;}
.left_clickb{ background-color:#e7f6fc; border-top:1px solid #0066FF;}
.li_left_ok{background:url(../images/left_li.gif) repeat-y 0px 0px; border:1px solid #c5edf9;}


.left_footer{ text-align:center; width:170px; padding:5px 0px 5px 0px; line-height:18px; border-top:1px dashed #CCCCCC;}
.left_footer{  font-family:Arial; color:#666666; position:relative; right:4px;}
.left_footer a{ color:#0099FF; text-decoration:none;}
.left_footer a:hover{ text-decoration:underline;}

/*______________right_________________________________________*/
.iframe_main{width:100%; height:509px; *height:550px; overflow:auto;  border-bottom:1px solid #119fcf;  position:relative; right:2px; bgcolor="#FFFFFF"}

